<template>
	<view>
		<view class="same" v-for="item in arry">
			<text>{{item.title}}</text>
			<view>{{item.cont}}</view>
		</view>
	</view>
</template>

<script>
import {ref,reactive,toRefs,computed,onMounted,getCurrentInstance} from 'vue';
import {useStore} from 'vuex';
export default{
	setup(){
		const {state,getters,commit,dispatch}=useStore();
		const {proxy}=getCurrentInstance();
		let data=reactive({
			name:'11',
			show:computed(()=>state.chaobiao.record),
			arry:[],
		});
		onMounted(()=>{
			data.arry=[
				{title:'单位名称',cont:data.show.qy_name},
				{title:'取水许可证号',cont:data.show.sb_xkz_id},
				{title:'更换水表号',cont:data.show.sb_num},
				{title:'原计量类型及型号',cont:data.show.sb_yuanliehao},
				{title:'新计量类型及型号',cont:data.show.sb_xinxinghao},
				{title:'新计量设施序列号',cont:data.show.sb_xinliehao},
				{title:'原铭牌流量',cont:data.show.sb_yuanliuliang},
				{title:'新铭牌流量',cont:data.show.sb_xinliuliang},
				{title:'原计量读数',cont:data.show.sb_yuanjili8angdishu},
				{title:'新计量读数',cont:data.show.sb_xinjiliangdushu},
			]; 
		})
		
		return {...toRefs(data)}
	}
}
</script>

<style lang="scss">
page{
		padding: 0 25rpx;
		box-sizing: border-box;
		color: #666666;
	}
.same{
		padding: 20rpx;
		box-sizing: border-box;
		border: 1px solid #E4E4E4;
		border-top: none;
		display: flex;
		text{
			width: 230rpx;
			padding-right: 40rpx;
			box-sizing: border-box;
		}
		view{
			flex: 1;
		}
	}
.same:first-child{
	border-top: 1px solid #E4E4E4;
}
</style>
